/* .breadLinebox p{
    margin-top: 100px;
    font-size: 50px;
    color: #000;
 }

 .breadLinebox{
    display: flex;
    align-items: center;
    justify-content: center;
 } */
 
 .titlet{
  margin-bottom: 15px;
  text-align: center;
}
.ant-select{
  width: 100%;
}

.modal_chose .wrap{
  position: fixed;
  z-index: 10001;
  width: 60vw;
  left: 20vw;
  height: 70vh;
  top: 15vh;
  background: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 25px 0;
}

.breadLinebox .content .deldiv{
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 8px;
}

.breadLinebox .content.form .delroom{
 margin: 0;
 margin-left: 10px;
 line-height: 12px;
border-radius: 3px;
padding: 9px 15px; 
margin-right: 10px;
background: #D1282D;
border-color: #D1282D;
color: #fff;
letter-spacing: 1px;
}


.breadLinebox .content tr td{
  padding: 4px 10px;
}

.breadLinebox .content tr .btn{
  display: flex;
  width: 100%;
}
.breadLinebox .content .vv{
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px;
}

.breadLinebox .content .vv input{
 width: 40vw;
}

.breadLinebox .content .vv .btn{
  margin: 0;
  margin-left: 10px;
  line-height: 12px;
border-radius: 3px;
padding: 9px 15px; 
margin-right: 10px;
background: #66b1ff;
border-color: #66b1ff;
color: #fff;
letter-spacing: 1px;
}

.breadLinebox .content .kongj{
  font-size: 22px;
  margin: 12px 0;
}

.breadLinebox .content tr .btn p{
  color: #66b1ff;
  margin: 0; 
  margin-right: 8px;
  text-decoration: underline;
  font-size: 13px;
}

.w80{
  width: 80px;
}

.w90 {
  width: 90px;
}
.gysm{
 margin: 20px 0;
}

.selfang{
  display: flex;
   background: #fff;
   align-items: center;
   margin-top: -5px;
   padding: 12px 0;
   padding-left: 20px;

}

.selfang >p{
  margin: 0;
  margin-right: 10px;
  margin-left: 35px;
}

.selfang select{
  padding: 0;
  border: 0;
  appearance: none;
  background: transparent;
  border: 1px solid #ddd;
  padding-left: 8px;
  height: 30px;
}

.selfang .btn{
  margin: 0;
  margin-left: 10px;
  line-height: 12px;
border-radius: 3px;
padding: 9px 15px;
margin-right: 10px;
background: #66b1ff;
border-color: #66b1ff;
color: #fff;
letter-spacing: 1px;

  
}



.breadLinebox .content{
  margin-bottom: 5px;
  padding: 10px 30px;
}

.breadLinebox .content th{
  width: 20px;
  /* height: 63px !important; */
  padding:2px 10px;
  font-size: 16px;
}


.breadLinebox .content select{
  background: none;
  border: none;
  appearance: none;
  }

.breadLinebox .tabletit{
  flex-direction: column;
  align-items: flex-start;
}

.breadLinebox .tabletit >p{
  width: 100%;
  background: transparent;
  text-align: center;
  color: black;
  font-size: 18px;
}

.breadLinebox .tabletit div{
  display: flex;
  align-items: center;
}
.breadLinebox .tabletit div p{
  width: 100px;
  height: 35px;
  text-align: center;
font-size: 16px;
margin-right: 15px;
}

.modal_chose .wrap .name{
display: flex;  
align-items: center;
width: 50vw;
  }
  .tongji{
     height: 23px;
  }

  .tongji .trans{
     color: transparent;
  }

  .tongji div p{
     margin-bottom: 0;
  }

  .modal_chose .wrap .title{
     width: 50vw;
     margin-left: 5vw;
     margin: 10px 0 ;
  }
  .modal_chose .wrap .name p{
     margin-bottom: 0;
     margin-right: 10px;
  }

  .modal_chose .wrap .name input{
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 3px;
     width: 40vw;
  }

.modal_chose .wrap .w{
  width: 46vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal_chose .wrap .w .left
{

  background: #f0f0f0;
  width: 18vw;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: auto;
  height: 45vh;
  padding: 15px;
}
.modal_chose .wrap .btns{
  display: flex;
  margin-top: 30px;
  width: 14vw;
  align-items: center;
  justify-content: space-between;
}

.modal_chose .wrap .btns .confirm{
  height: 35px;
  width: 5vw;
  border-radius: 5px;
  background: #D1282D;

  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal_chose .wrap .btns .cancel{
  height: 35px;
  width: 5vw;
  border-radius: 5px;
  background: #66b1ff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}


.modal_chose .wrap .w .left .item{
  padding: 4px 0;
  margin-bottom: 2px;

}

.modal_chose .wrap .w .left .item.c{
  color: #fff;
  background: rgb(83, 135, 214);
  
}

.tongji{
  display: flex;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
  justify-content: center;
}
.tongji div{
  display: flex;
  align-items: center;
  justify-content: center;
}

.back{
  width: 100px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  margin-right: 15px;
border-radius: 3px;
background: #66b1ff;
border-color: #66b1ff;
color: #fff;
letter-spacing: 1px;
position: absolute;
top: 25px;
left: 25px;
}

.tongji.he{
  justify-content: center;
}
.tongji.he p{
  margin-bottom: 0;
}

.modal1{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal1 .mask{
  z-index: 10001;
  background: rgba(0, 0, 0, .8);
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.modal1 .wrap{
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 34vw;
  background: #fff;
  border-radius: 10px;
  z-index: 10004;
  align-items: center;
  justify-content: center;
  padding: 3.5vw 0;
  
}

.modal1 .wrap .close-div{
  display: flex;
  right: 25px;
  top: 25px;
  justify-content: flex-end;
  position: absolute;

}
.modal1 .wrap  .content{
 width: 60%;
 border: none;
 border-radius: 5px;
 margin-bottom: 15px;
  width: 28vw;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  
}

.modal1 .wrap  .content .p2{
  font-size: 17px;
  color: #D1282D;
  font-weight: bolder;
}

.modal1 .wrap  .content .p1{
  font-size: 15px;
  display: flex;
  color: #676767;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  margin-right: 15px;
}
.modal1 .wrap .close-div img{
  width: 25px;
  height: 25px;
}

.modal1 .wrap .btns {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 margin-top: 10px;
}

.modal1 .word p{
  font-size: 20px;
  font-weight: bolder;
}
.modal1 .word{
  margin-bottom: 15px;
}

.modal1 .btns .add{
  font-size: 12px;
  line-height: 12px;
  border-radius: 3px;
  margin-left: 25px;
  background: #D1282D;
  border-color: #D1282D;
  color: #fff;
  box-shadow: 0px 4px 4px 1px rgba(96, 4, 7, 0.26);
border-radius: 3px;
width: 80px;
height: 30px;
display: flex;
align-items: center;
justify-content: center; 
  letter-spacing: 1px;
  cursor: pointer;

}

.modal1 select{
  width: 300px;
}

.breadLinebox .content .tab{
 /* table-layout: fixed; */
 
}
.breadLinebox .content .tconter{
 word-wrap:break-word;
 overflow: hidden;
 padding: 0;
 width: 100px;

}

.breadLinebox .content .tconter.btnn{
 display: flex;
 width: 100%;
 justify-content: space-around;
 align-items: center;
}

.breadLinebox .content .tconter.td0{
 width: 20px;
}

.breadLinebox .content .tconter.td2{
 width: 40px;
}
.breadLinebox .content .tconter.td1 input,
.breadLinebox .content .tconter.td2 input{
 width: 100%;
text-align: center;
}

.breadLinebox .content .tconter.td3{
 width: 60px;
}
.breadLinebox .content .tconter.td3.f{
 display: flex;
 flex-direction: column;
}

.breadLinebox .content .tconter.td1{
 width: 120px;
}

.breadLinebox .content .tconter.w60{ 
 width: 60px; 
}

.breadLinebox .content .tconter.btnn p{
   text-decoration: underline;
   color: #66b1ff;
   cursor: pointer;
   font-size: 13px;
   margin-bottom: 0;
}

.breadLinebox .content .tconter select{
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.breadLinebox .content tr td img{
 width: 60px;
 object-fit: contain;
}

.breadLinebox .pricearea{
 display: flex;
 align-items: center;
 background: #fff;
 margin-top: 10px;
 padding: 20px;
 padding-left: 35px;
 
}

.breadLinebox .pricearea>p{
 margin: 0;
}

.breadLinebox .pricearea .p35{
  width: 15vw;
  margin-left: 10px ;
}

.breadLinebox .pricearea select{
 margin-left: 15px;
}

.breadLinebox .pricearea .p36{
 display: flex;
 align-items: center;
 margin-left: 5px;
}

.breadLinebox .pricearea .p36 input{
 border-radius: 5px;
 padding: 2px 4px;
 border: 1px solid #ddd;
}

.breadLinebox .pricearea .p36 .pricebtn{
 margin: 0;
 width: 100px;
 height: 35px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 16px;
 cursor: pointer;
 margin-right: 15px;
border-radius: 3px;
background: #66b1ff;
border-color: #66b1ff;
color: #fff;
letter-spacing: 1px;
margin-left: 10px;
}
